<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>我们的爱情故事</title>
    
    <style type="text/css">
        @font-face {
            font-family: digit;
            src: url('digital-7_mono.ttf') format("truetype");
        }
    </style>
    <link href="./jscss/default.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="./jscss/jquery.js"></script>
    <script type="text/javascript" src="./jscss/garden.js"></script>
    <script type="text/javascript" src="./jscss/functions.js"></script>
</head>

<body>
	 <div style="display: block;text-align: left;color: #99BBFF;margin-left: 50px;margin-top:20px;font-size:14px;font-family:KaiTi;"><p><span>与你相识的第</span><span id="day" style="color: #FF3333;font-size:20px;font-family:SimHei"></span><span>天</span></p></div>
    <div id="mainDiv">
        <div id="content" style="width: 1110px; height: 625px; margin-top: 20px; margin-left: 245px;">
            <div id="code" style="margin-top: 50px;font-size:14px;">
                <span class="comments">/**</span><br>
                <span class="space"><span class="comments">*此时我内心有千言万语来表达我对你的爱,</span><br>
                <span class="space"><span class="comments">*但我却不知从何说起。</span><br>
				<span class="space"><span class="comments">*或许这就是爱到无法言语吧！</span><br>
                <span class="space"><span class="comments">*/</span><br>
                <span class="keyword">你我本不相识，却因老人们的关心而有缘相遇，<br>
                你我本对此反感，却不知为何还能坚持，<br>
                或许你我本是命中注定的缘份，虽迟来，但终会来。</span><br>
                <span class="keyword">在遇到你之前，我已对生活失去了希望，生命对我来说只是一副皮囊，</span><br>
                <span class="keyword">每天浑浑噩噩的活着，不知为谁而活，不知为何而活。</span><br>
                <span class="keyword">看着身边的人，都有一个值得去拼博、去思念、去守护、去爱的人，</span><br>
                <span class="keyword">我总是对天抱怨：为何我如此孤独、如此命苦，为何总是让我一个人去承受人世间最大的痛苦。</span><br>
                <span class="keyword">我本是寡言少语、性情冷淡的人，总是对自己说：</span><br>
                <span class="keyword">这一生应该就这样子过了，我的人生不会再有爱情。</span><br>
                <span class="keyword">你的出现是我生命中的一道光，直射进我的心中。</span><br>
                <span class="keyword">我的脑海中无时无刻不在思念着你。</span><br>
                <span class="keyword">每天茶不思，饭不想，夜不能寐；只因为你不在我身边，看不到你，听不到你说话的声音。</span><br>
                <span class="keyword">你让我活了过来，让我变得温柔、变得学会控制自己的脾气。</span><br>
                <span class="keyword">你让我心中有了盼头，让我在睡觉前可以思念一个人。</span><br>
                <span class="keyword">我只想为你而活，只想呵护你、疼你、爱你。</span><br>
                <span class="keyword">我只想和你有一个家，有自己的孩子，每天做饭、带孩子，讲故事给孩子听。</span><br>
                <span class="keyword">我爱你，爱到无法自拔，我的生命只属于你。</span><br>
                <span class="keyword">我只想和你白头到老，带你去看人世间的美好，你愿意吗？</span><br>
           </div>
            <div id="loveHeart">
                <canvas id="garden" width="670" height="625"></canvas>
                <div id="words" style="position: absolute; top: 257px; left: 765px;">
                    <div id="messages" style="display: block;">
<center>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-3712320065678109";
/* lovead */
google_ad_slot = "0650322805";
google_ad_width = 320;
google_ad_height = 50;
//-->
</script>
</center>
                        某玉，我将会等着你爱我
                        <div id="elapseClock" style="display:none"></div>
                        <a href="marry.html" id="accept">如果你接受我，请点击这里</a>
                    </div>
                    <div id="loveu" style="display: block;">
                        我爱你，并不是简单的三个字，<br>而是我用余生守护你。<br>
                        <div class="signature">- 卢启稳</div>
                    </div>
                </div>
            </div>
        </div>
       
    </div>
    <script type="text/javascript">
        var offsetX = $("#loveHeart").width() / 2;
        var offsetY = $("#loveHeart").height() / 2 - 55;
        
        if (!document.createElement('canvas').getContext) {
            var msg = document.createElement("div");
            msg.id = "errorMsg";
            msg.innerHTML = "Your browser doesn't support HTML5!<br/>Recommend use Chrome 14+/IE 9+/Firefox 7+/Safari 4+"; 
            document.body.appendChild(msg);
            $("#code").css("display", "none")
            $("#copyright").css("position", "absolute");
            $("#copyright").css("bottom", "10px");
            document.execCommand("stop");
        } else {
            setTimeout(function () {
                adjustWordsPosition();
                startHeartAnimation();
            }, 10000);
            
            $("#accept").click(function(){
                $(this).hide();
                $("#elapseClock").show();
                var together = new Date();
                timeElapse(together);
                setInterval(function () {
                    timeElapse(together);
                }, 500);
            })
            adjustCodePosition();
            $("#code").typewriter();
        }
    </script>
	<video id="music" style="width: 10px; height: 10px;" src="Take_Me_Hand.mp3" autoplay muted></video>
	<script type="text/javascript">
	document.body.addEventListener('mousedown', function(){
			var vdo = $("video")[0];
			vdo.muted = false;
		}, false); 
		
	var acquaintance_date = new Date(Date.parse('2022-01-23'.replace(/-/g, "/"))); 
	var day = parseInt((new Date().getTime()-acquaintance_date.getTime())/1000/3600/24); 
	$("#day").text(day);
	</script>
</body></html>